<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <title>Document</title>
</head>

<body>
    <div id='app'>
        <!-- 键盘抬起事件,如果按下的是回车键,触发执行submit方法 -->
        <!-- .enter .space .delete .esc .上下左右 -->
        <input type="text" @keyup.enter="submit">
        <input type="text" @keyup.o="submit">
        <!-- 18代表的是alt键的值  按下alt键就会触发该方法 -->
        <input type="text" @keyup.aaa="submit">
    </div>
    <script src='js/vue.js'></script>
    <script>
        // 自定义按键修饰符
        // Vue.config.keyCodes.别名=键位码   18代表的是alt键的值  按下alt键就会触发该方法
        Vue.config.keyCodes.aaa = 18


        new Vue({
            el: '#app',
            data: {},
            methods: {
                submit(e) {
                    console.log("提交成功");
                    console.log(e.keyCode);
                }
            },
        })
    </script>
</body>

</html>